DOE HET ZELF 77- 


Vragen? Opmerkingen? Tips? 
Mail ze naar 
brieven @clickx.be. 


Brief van de week 


BRIEVEN De Clickx-redactie wordt elke dag overstelpt met vragen van lezers. Sommige problemen zijn te specifiek om in het 
. YouTube-filmpjes magazine te behandelen, maar andere vragen zijn dan weer zo interessant dat ze meer verdienen dan een kort antwoordje. 

op je site 7 Daarom selecteren we voor elke Clickx Magazine een vraag van een lezer, die we dan uitwerken in een complete work- 
BM uiekmaale 30 shop. De vraag vind je op deze pagina, de workshop staat op de volgende twee pagina's. Veel plezier! 
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BRIEF VAN DE WEEK 


(MIJN?) FILMPJES ONLINE 


W 


AT DOEN WE? 


WAARMEE? 


HOELANG? 


MOEILIJKHEID? 


r bestaan verschillende tools en services 

waarmee je online video's van sites als 
Yahoo! Video en YouTube kan plukken. In deze 
workshop maken we gebruik van twee verschil- 
lende oplossingen: enerzijds de online service 
Media Convert, en anderzijds de tool YouRipper, 
die zich als een extra taakbalk in je browser 
nestelt. Waarom twee diensten? Omdat Media 
Convert vooral geschikt is als je de video's fysiek 
op je eigen site wil plaatsen (bijvoorbeeld in een 
compacter wmv- of DivX-formaat), terwijl You- 
Ripper bedoeld is om de online video's via een 
ingebedde speler op je eigen webpagina's aan te 
bieden — zonder dat je die filmpjes zelf moet 
hosten. Media Convert komt het eerst aan bod, 


%% 


d 


Je hebt uiteraard 
wel het juiste 
adres van het 


filmpje nodig. 


daarna is het de beurt aan YouRipper. In deze 
workshop beperken we ons wel tot video's van YouTube. 


STAP 1 / URL KOPIËREN 


Surf naar www.youtube.com, en kies een leuk filmpje. Zodra je er eentje 
geselecteerd hebt, sleep je met de muis over het adres dat rechts van 
het voorbeeldvenster in het veld URL staat vermeld (zie afbeelding 1). 
Druk op CrrL+C om dit adres naar het Windows klembord te kopiëren. 
Surf nu naar www.media-convert.com. Als deze server tijdelijk op apegapen 
ligt, kan je je nog altijd uit de slag trekken met vergelijkbare en even- 
eens gratis diensten als Zamzar www.zamzar.com en Vixy http://vixy.net. 


Clickx site Van Het Jaar 


Added December 13, 2006 EEL 
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STAP 2 / ONLINE CONVERTEREN 


Omdat je in Media Convert een webadres wil kleven (en geen filmpje 
vanaf je eigen schijf wil uploaden), duid je hier eerst URL aan. Vervol- 
gens klik je in het witte balkje, verwijder je http://, en druk je op 
Crr+V: het adres verschijnt. Het balkje bij Inpur rormaT kan je laten 
staan op UrL appress (weg) (.urt), of wijzig je via het uitklapmenuutje in 
Frash Vioeo (.rLv). Kies bij Oureur Format het gewenste videoformaat. Een 
compact formaat dat bovendien erg geschikt is om op je site te plaat- 
sen, is Winpows Mepra Vioeo (.wmv). Bij Options kan je eventueel nog bij- 
komende verfijningen instellen, bijvoorbeeld om het resulterende be- 
stand nog kleiner te maken. Klaar? Zet dan een vinkje bij I AccePT THE 
TERMS, en druk op Convert (zie afbeelding 2). Nu moet je alleen nog wat 
geduld uitoefenen… Zodra de online conversie achter de rug is, down- 
load je het bestand. De link blijft 24 uur geldig. 
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O pile (w-youtube.com/watch?v=9SlR1hzvN_U Input format ( Fash Video (Av) hl 
EED induction Inductioi 


an n Custom Font Services 
oale Convert, modify, create fonts Convert OpenType, brand ID 


wars. efd-inductiot Fonts 


wan AscenderCorp.com 
Forex Trading 
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AAE 
jon Free Trial 


Free Currency Converter 
to onshore Experts in International Convert currencies online. Exchange rates and quotes 
wwans.forex.ch/converter.htm 
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Ads by Google Ads by Google 

Output format | no video preset v Windows Medra Video (worn) v Di 
8 je terms 

Frames/second [4 to 30] 
Alldata © split O 00:00:00 |==> [oo:00:00 [HH:MM:55] 
Resize To [96x96 to 948x576] Ml 
Audio Quality default «| 
Video Quality [48 to 9999 kbps] default 2 


De conversie vereist niet veel meer dan wat muisklikken. 
STAP 3 / IN WEBPAGINA OPNEMEN 


Het (wmv-)filmpje prijkt nu op je harde schijf. Stuur dit met je favo- 
riete ftp-tool naar je eigen online stek (een gratis ftp is bijvoorbeeld 
FileZilla, http://filezilla.sourceforge.net). Stel nu dat je een webpagina wil 
creëren die een link naar dat filmpje bevat. Dan volstaat het het vol- 
gende brokje html-code in je Kladblok in te tikken (vervang ‘hetfilmpje. 
wmv’, wel door de juiste naam en pad): 


<html> 

<body> 

<a href="hetfilmpje.wmv”>Zin in een leuk film- 
pje?</a> 

</body> 

</html> 


Wil je het filmpje echter op de webpagina zelf laten afspelen, inclusief 
besturingsknoppen, dan zorgt de volgende code daar wel voor (plaats 
de vetgedrukte tekst op één regel) (zie afbeelding 3): 


<html> 

<body> 

<OBJECT ID="MediaPlayer” WIDTH="324" 
HEIGHT="321"” CLASSID="CLSID:22D6F312-B0F6-11D0- 
94AB-0080C74C7E95" STANDBY="Laden...” 
TYPE="application/x-oleobject”> 

<PARAM NAME="FileName” VALUE="hetfilmpje.wmv”> 
<PARAM NAME="autostart” VALUE="true"> 

<PARAM NAME="ShowControls” VALUE="true”> 
<EMBED TYPE="application/x-mplayer2” 
SRC="hetfilmpje.wmv” NAME="MediaPlayer” 


26 

OET idee era laver, WIOTH=" 324" HEIGHT = „Jen CLASSIO="CLSEOEE2OGPIL2-BOPG-1LOO-MAB-OOIOCTECTEPS" STANOEY="Laden. . 
Filename val ute hets Iop) dhhead 

banan wake VAUTOSTATT" VALUE Tr 


SPARAM NAMEe"Showcontrols” vALuGe her 

<MaED TrPEe"applÎ cat don/z-ap eee nee “erf npje. wer” vamee"medtarlayer” WIOTMe" 524" MEIGHTe"B2L" Showconsrolse"2” 
gert. 

</bot 


huns 


Code plakken in Kladblok, en opslaan als htm-bestand. 


Zorg dat je het juiste 
script voor je filmpje te 


WIDIH="324" HEIGHT="321" ShowControls="1" auto- 
start="1"> </EMBED> 

</OBJECT> 

</body> 

</html> 


Ook hier moet je natuurlijk de juiste verwijzing naar je wmv-filmpje 
opnemen (twee keer). Verhoog WIDTH omwille van het besturingspaneel 
met 4, en HEIGHT met 81. De afmetingen van het filmpje krijg je te 
zien als je de muispijl even boven het bestand houdt in de Verkenner. 


STAP 4 / YOURIPPER INSTALLEREN 


Wil je absoluut vermijden dat je de filmpjes op je eigen webstek moet 
onderbrengen? Dan heeft YouRipper een galante oplossing in petto. 
Surf alvast naar download YouRipper en installeer de 
tool. Na afloop verschijnt YouRipper als een extra knopje/balkje boven- 
aan je browser. Wil je YouRipper afsluiten, klik dan met de rechtermuis- 
knop het knopje met het rode kruisje aan en kies Yes. Wil je met behulp 
van deze tool een online filmpje in FLV-formaat downloaden, typ dan 
op het balkje van YouRipper de bijhorende url van het filmpje (zie ook 
stap 1), en druk op het groene knopje Rip anp DownLoap (zie afbeelding 
4). Oh ja, ben je nog op zoek naar een speler die met FLV-bestanden 


overweg kan? Dan zijn de gratis spelers FLV Player vww.martijndevisser] 
Com] en VLC media player goede keuzes. 


à vou TTE tl | wl [ watch?v=TPhpsiK7oDd ‚e „|elel| x 
t=TPhpsIK?pDe Rip and Download| $e|[X 


Een FLV-filmpje haal je met één muisklik binnen. 


STAP 5 / SCRIPT SAMENSTELLEN (1) 


Omdat je net zo goed via de online service Media Convert kan rippen 
(zie stap 2), concentreren we ons in de volgende stappen liever op 
andere kwaliteiten van YouRipper. Je kan er namelijk ook de nodige 
code mee op je webpagina krijgen, zodat je naar een online filmpje kan 
verwijzen zonder dat het filmpje fysiek op je eigen webstek hoeft te 
staan, én zonder dat je bezoekers een verwijzing naar de bron (lees: 
Yahoo! Video of YouTube) van het filmpje te zien krijgen! 

Tik daarvoor de url van de bewuste online video in het balkje van YouRip- 
per, en klik vervolgens op het I(nfo)-knopje. Na enige tijd verschijnt er 
een venster met de Vipeo Fire Properties van het filmpje. Klik hier op het 
knopje Ger Scriet. Een nieuw venstertje verschijnt, waarin je Siere Vrpeo 
Praver aanvinkt. Bevestig met Contmve (zie afbeelding 5). 


KRAM Ripper ] Jel | Bl | /watch?v=TPhpsiK7pDe | Bli »| |G] x 
Video File Properties X 


Title: Uni the Hedgehog! 


Filesize: 4,38 MB Get Script ? 


Download URL: | p:/Aax-v117 Jax. youtube.comiget_video?video_id=TPhpIK7pDe flv 


Select the type of scripting required. 


| Single Video Player 


Create Ilew Playlist & Player 


Create Entry for Existing Playlist 


Continue Cancel 5 | 


pakken krijgt. 


STAP 6 / SCRIPT SAMENSTELLEN (2) 


Je belandt alweer in een ander venster, waar je onder meer de ge- 
wenste grootte voor de videospeler — en dus ook het filmpje — opgeeft. 
Maar er zijn nog heel wat meer opties mogelijk. Je kan via het kleuren- 
pictogram ook de gewenste kleuren van je speler instellen. Zet je een 
vinkje bij Auro Start Praver, dan zal het filmpje automatisch beginnen 
afspelen, en Loop Pray zorgt ervoor dat het na afloop meteen herbegint. 
Een vinkje bij Show FuLL ScREEN BUTTON zorgt ervoor dat je bezoekers via 
een knopje de film op een volledig beeldscherm kunnen bewonderen. Als 
je App Urt Link aanvinkt, kan je vervolgens het webadres intikken van de 
pagina waarop je bezoekers terechtkomen zodra ze het filmpje aanklik- 
ken. Maar het kan nog ‘professioneler’: zodra je Drspray Loeo aanvinkt, 
kan je in een venstertje het webadres van een (transparant) png-bestand 
kwijt: deze afbeelding krijgen je bezoekers dan rechtsonder het filmpje 
te zien. Klaar? Druk dan op GENERATE HrML (zie afbeelding 6). 


Video Player Settings & Options 


Video Player Size: | 320 width [240 Height OQ [v] Display Logo (7 


w] Auto Start Player (7 


Loop Play (7 Show Full Screen Button (2 ) 


9] Add Url Link: (2) (optiona) 
htt: Aww clickumagazine be 


E)_(optionai) 


Opties à volonté 


Generate Java \@) Generate HTMLi 2) ie 5 
iw bij YouRipper! 


STAP 7 / IN WEBPAGINA OPNEMEN 


De benodigde html-code verschijnt dadelijk in een apart venstertje. 
Druk op het knopje Copy om de volledige inhoud richting Windows 
klembord te verhuizen. Start Kladblok op, en kleef deze code tussen de 
volgende regels: 


<html><body> 
[hier plak je de code] 
</body></html> 


Sla dit bestand op met de extensie „htm en upload het naar je webstek. 
Zodra je bezoekers de url van deze pagina intikken, krijgen ze het 
filmpje in een heuse online videospeler te zien (zie afbeelding 7). Veel 
kijkplezier! « 


Copy the HTML code, bebon and Ween simply Paste inte 


= ops 
kJ Ripper ene 


ma midas ermdapacttmare.comn Tepayer na” wicht IN” height” 
open’ 
< 


”appBetien x-shoch vere Masi” ptguepage Wir verrm amact omda cor: 
Mantra Tlesbrigc han vl Jan,yontiube coon get. vides”, video Jd, 30! q 


ENE EE 
4 &  Bcrmoomerts and senng… 


Het fraaie resultaat: een online speler met je eigen logo! 


VAKTAAL A-M N-Z 
PNG (PORTABLE NETWORK GRAPHICS): Een compact bestandsformaat voor afbeeldingen. | 
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